﻿@{
    ViewData["Title"] = "VideoList";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model List<Smart_Archives.Entity.SecurityDeviceRecord>
<link href="/lib/lightbox2/2.8.1/css/lightbox.css" rel="stylesheet" type="text/css">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 图片管理 <span class="c-gray en">&gt;</span> 图片展示 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="cl pd-5 bg-1 bk-gray mt-20">
        @* <span class="l"> *@
        @*     <a href="javascript:;" onclick="edit()" class="btn btn-primary radius"> *@
        @*         <i class="Hui-iconfont">&#xe6df;</i> 编辑 *@
        @*     </a> *@
        @*     <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"> *@
        @*         <i class="Hui-iconfont">&#xe6e2;</i> 批量删除 *@
        @*     </a> *@
        @* </span> *@
        <span class="r">共有数据：<strong>@Model.Count</strong> 条</span>
    </div>
    <div class="portfolio-content">
        <ul class="cl portfolio-area">
            @foreach (var item in Model)
            {
                <li class="item">
                    <div class="portfoliobox">
                        <div class="picbox"><a href="@item.ImageUrl" data-lightbox="gallery" data-title="@item.CreateTime"><img src="@item.ImageUrl"></a></div>
                        <div class="textbox" style="text-align: center;margin: 0 auto">@item.CreateTime </div>
                        @* <div class="textbox" style="text-align: center;margin: 0 auto"> *@
                        @*     <a href="javascript:;" onclick="video_play('视频播放','/video/videoplay?url=@item.VideoUrl&cover=@item.ImageUrl')" class="btn btn-primary radius"> *@
                        @*         <i class="Hui-iconfont">&#xe6e6;</i> 播放 *@
                        @*     </a> *@
                        @* </div> *@
                    </div>
                </li>
            }
        </ul>
    </div>
</div>

<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/js/H-ui.min.js"></script>
<script type="text/javascript" src="/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/lib/lightbox2/2.8.1/js/lightbox.min.js"></script>
<script type="text/javascript">
    $(function () {
        $(".portfolio-area li").Huihover();
    });

//    /*图片-查看*/
//    function video_play(title, url) {
//
//        layer.open({
//            area: ['800px', '600px'],
//            type: 2,
//            shade: 0.4,
//            title: title,
//            content: url
//        });
//        //layer.open(index);
//    }
</script>

